<template>
  <h2>后台首页</h2>

  <div>我是首页 {{ email }} - {{ name }}</div>
  <button @click="total++">{{ total }}</button>
</template>

<!--
setup 语法糖，顶层的变量和方法，可以直接在 template 中使用，不需要返回
-->
<script lang="ts" setup>
import { ref } from 'vue';
import { storeToRefs } from 'pinia';
import { useUserStore } from '@/stores/user'

const total = ref(0);
const userStore = useUserStore();
const { email, name } = storeToRefs(userStore);
</script>
